<template>
  <div class="smart-home">

    <!-- 面包屑 -->
    <el-card class="box-card box-card-bgcolor">
      <el-breadcrumb separator="/" class="breadcrumb">
        <el-breadcrumb-item :to="{ path: '/main/home' }">当前位置：首页</el-breadcrumb-item>
        <el-breadcrumb-item>厂商信息管理</el-breadcrumb-item>
        <el-breadcrumb-item>注册厂商统计</el-breadcrumb-item>
      </el-breadcrumb>
    </el-card>
    <!-- 待处理事项： -->
    <el-card class="box-card box-card-bgcolor">
      <div slot="header" class="clearfix">
        <i class="el-icon-edit-outline icon-home"></i>
        <span class="home-title-text blue">厂商信息统计</span>
      </div>
      <div class="text item">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="饼状图" name="first">用户管理</el-tab-pane>
          <el-tab-pane label="柱状图" name="second">配置管理</el-tab-pane>
        </el-tabs>
      </div>


    </el-card>

  </div>
</template>

<script>
export default {
  data(){
    return{
      icon1:"&#xe653;",
      icon2:"&#xe6b6;",
      icon3:"&#xe619;",
      activeName: 'second'
    }
  },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }

}
</script>

<style scoped lang="scss">
  @import '@/assets/css/home.scss'
</style>
